<template lang="">
    <div id= "app" >
        <div>
            <h3 v-bind:title="title">切换图片边框</h3>
            <img v-bind:src="img" width="100" height="100" v-bind:enter-class="{activeLisActive}">
        </div>
        <p v-bind:style="{color:textColor,fontSize:fontSize+'px'}">This is a paragraph.</p>
        <button @click="toggleActive">切换</button>
    </div>
    <script>
        constcomApp="Vue.createApp({
        data(){
            return{
            title:"切换图片边框",
            img:"/logo.png",
            textColor:"red",
            fontSize:16,
            isActive:false,
            }
        },
        methods:{
            toggleActive(){
                this.isActive=! this.isAcitve;
            }
        }
    }).mount("#app");
    </script>
</template>
export default {
    
}
<style lang="">
    
</style>